﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>

<%@ Register Src="~/controls/MenuTopBar.ascx" TagPrefix="uc1" TagName="MenuTopBar" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Index</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/StyleIndex.css" rel="stylesheet" />
</head>
<body>
    <header>
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="pull-left">
                            <div class="lang">
                                <!-- Single button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                        EngLish <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">VietNamese</a></li>
                                        <li><a href="#">Italian</a></li>
                                        <li><a href="#">Laos</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right">
                            <ul class="list-unstyled top-links">
                                <li><a href="#">My account</a></li>
                                <li><a href="#">Wishlist</a></li>
                                <li><a href="#">Check out</a></li>
                                <li><a href="#">Sing in</a></li>
                                <li><a href="#">Create new account</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header">
            <div class="row">
                <div class="container">
                    <div class="col-sm-4 search-w">
                        <div class="input-group">
                            <input type="text" class="form-control" />
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
                            </span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="logo text-center">
                            Web Cham Soc Khach Hang Version 2.0
                            <a href="#">
                                <img src="img/logo.png" /></a>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="pull-right">
                            <div class="cart-wish-w">
                                <div class="cart-w">
                                    <div class="cart-info">
                                        <span>
                                            <strong>0 item</strong>
                                            <strong>0 qualitity</strong>
                                        </span>
                                        <a href="#" class="btn-cart">
                                            <i class="glyphicon glyphicon-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="wishlist-w">
                                    <div class="wishlist-info">
                                        <span>
                                            <strong>0 porduct</strong>
                                        </span>
                                        <a href="#" class="btn-cart">
                                            <i class="glyphicon glyphicon-heart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-nav">
            <div class="container">
                <div class="row">
               <%--     <ul class="nav-pills nav">
                        <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i>Home</a></li>
                        <li><a href="#">Link</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                                <li class="divider"></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                    </ul>--%>
                    <uc1:MenuTopBar runat="server" ID="MenuTopBar" />
                </div>
            </div>
        </div>
    </header>

    <section class="slider">
        <div id="slider-demo" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#slider-demo" data-slide-to="0" class="active"></li>
                <li data-target="#slider-demo" data-slide-to="1"></li>
                <li data-target="#slider-demo" data-slide-to="2"></li>
                <li data-target="#slider-demo" data-slide-to="3"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="img/banner1.png" class="img-responsive" />
                    <div class="carousel-caption">
                        <h3>Demo silder</h3>
                        <p>What are you doing here???</p>
                    </div>
                </div>
                <div class="item">
                    <img src="img/banner2.jpg" class="img-responsive" />
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="img/banner3.png" class="img-responsive" />
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="img/banner4.jpg" class="img-responsive" />
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#slider-demo" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#slider-demo" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </section>

    <section class="content">
        <div class="container">
            <div class="promo">
                <div class="row">
                    <div class="col-sm-4">
                        <a href="#">
                            <img src="img/promo/promo1.jpg" alt="promo1" class="img-responsive img-rounded" />
                        </a>
                    </div>
                    <div class="col-sm-4">
                        <a href="#">
                            <img src="img/promo/promo2.jpg" alt="promo 2" class="img-responsive img-rounded" />
                        </a>

                    </div>
                    <div class="col-sm-4">
                        <a href="#">
                            <img src="img/promo/promo3.jpg" alt="promo 3" class="img-responsive img-rounded" />
                        </a>
                    </div>
                </div>
            </div>

            <div class="product-list">
                <div class="row">
                    <div class="col-sm-12">
                        <h3 class="box-title">Feature Product
                        </h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 product-item">
                        <div class="image">
                            <div class="wishlist">
                                <a href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>
                            <img src="img/product/product1.jpg" class="img-responsive" />
                            <div class="line"></div>
                        </div>
                        <div class="tittle">
                            <h2>Flying ninja</h2>
                        </div>
                        <div class="info">
                            <div class="pull-left">
                                <del>
                                    <span>$12</span>
                                </del>
                                <ins>
                                    <span>$10</span>
                                </ins>
                            </div>
                            <div class="pull-right">
                                <a class="btn-cart" href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>                            
                        </div>
                    </div>
                    <div class="col-sm-3 product-item">
                        <div class="image">
                            <div class="wishlist">
                                <a href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>
                            <img src="img/product/product2.jpg" class="img-responsive" />
                            <div class="line"></div>
                        </div>
                        <div class="tittle">
                            <h2>Flying JJJJ</h2>
                        </div>
                        <div class="info">
                            <div class="pull-left">
                                <del>
                                    <span>$16</span>
                                </del>
                                <ins>
                                    <span>$14</span>
                                </ins>
                            </div>
                            <div class="pull-right">
                                <a class="btn-cart" href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>                            
                        </div>
                    </div>
                    <div class="col-sm-3 product-item">
                        <div class="image">
                            <div class="wishlist">
                                <a href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>
                            <img src="img/product/product3.jpg" class="img-responsive" />
                            <div class="line"></div>
                        </div>
                        <div class="tittle">
                            <h2>Stupid</h2>
                        </div>
                        <div class="info">
                            <div class="pull-left">
                                <del>
                                    <span>$19</span>
                                </del>
                                <ins>
                                    <span>$14</span>
                                </ins>
                            </div>
                            <div class="pull-right">
                                <a class="btn-cart" href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>                            
                        </div>
                    </div>
                    <div class="col-sm-3 product-item">
                        <div class="image">
                            <div class="wishlist">
                                <a href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>
                            <img src="img/product/product4.jpg" class="img-responsive" />
                            <div class="line"></div>
                        </div>
                        <div class="tittle">
                            <h2>Always Me</h2>
                        </div>
                        <div class="info">
                            <div class="pull-left">
                                <del>
                                    <span>$11</span>
                                </del>
                                <ins>
                                    <span>$9</span>
                                </ins>
                            </div>
                            <div class="pull-right">
                                <a class="btn-cart" href="#">
                                    <i class="glyphicon glyphicon-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--end product-item -->
                </div>
                <!--end product-list-->

                <div class="row">
                    <div class="about">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="about-w">
                                    <div class="form-about">
                                        <h3>About: DQ-Theme</h3>
                                        <a href="#" class="btn btn-primary">Contact us</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <p>
                                    Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
                                </p>
                                <p>
                                    This can be edit by administrator!
                                </p>
                            </div>
                        </div>
                    </div>
                    <!--end about -->
                </div>



                <div class="new-lists">
                    <div class="row">
                        <div class="col-sm-12">
                            <h3 class="box-title">NEW LIST
                            </h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-3 new-item">
                            <span class="date">
                                <i class="glyphicon glyphicon-dashboard"></i>
                                09/05/2014
                            </span>
                            <h2>Bản tin số 1
                            </h2>
                            <p>
                                Hiệu chỉnh chức năng giao thu, cảnh báo khi tổng số tiền giao trong các biên bản lớn hơn số tiền đặt cọc của TNV.
                                (Hiện nay chương trình chưa ràng buộc được số tiền giao cho thu ngân viên lưu động, đại lý không được vượt quá số phần trăm được giao thu của tất cả các biên bản mà hiện nay chương trình chỉ ràng buộc từng biên bản giao thu, điều nay chưa đúng đề nghị chỉnh lại cho tất cả các biên bản giao thu cho thu ngân viên đó.)
                            </p>
                            <a class="read-more" href="#">Read more
                            </a>
                        </div>
                        <!--end new-item -->
                        <div class="col-sm-3 new-item">
                            <span class="date">
                                <i class="glyphicon glyphicon-dashboard"></i>
                                09/05/2014
                            </span>
                            <h2>Bản tin số 2
                            </h2>
                            <p>
                                Hiệu chỉnh chức năng giao thu, cảnh báo khi tổng số tiền giao trong các biên bản lớn hơn số tiền đặt cọc của TNV.
                                (Hiện nay chương trình chưa ràng buộc được số tiền giao cho thu ngân viên lưu động, đại lý không được vượt quá số phần trăm được giao thu của tất cả các biên bản mà hiện nay chương trình chỉ ràng buộc từng biên bản giao thu, điều nay chưa đúng đề nghị chỉnh lại cho tất cả các biên bản giao thu cho thu ngân viên đó.)
                            </p>
                            <a class="read-more" href="#">Read more
                            </a>
                        </div>
                        <!--end new-item -->
                        <div class="col-sm-3 new-item">
                            <span class="date">
                                <i class="glyphicon glyphicon-dashboard"></i>
                                09/05/2014
                            </span>
                            <h2>Bản tin số 3
                            </h2>
                            <p>
                                Hiệu chỉnh chức năng giao thu, cảnh báo khi tổng số tiền giao trong các biên bản lớn hơn số tiền đặt cọc của TNV.
                                (Hiện nay chương trình chưa ràng buộc được số tiền giao cho thu ngân viên lưu động, đại lý không được vượt quá số phần trăm được giao thu của tất cả các biên bản mà hiện nay chương trình chỉ ràng buộc từng biên bản giao thu, điều nay chưa đúng đề nghị chỉnh lại cho tất cả các biên bản giao thu cho thu ngân viên đó.)
                            </p>
                            <a class="read-more" href="#">Read more
                            </a>
                        </div>
                        <!--end new-item -->
                        <div class="col-sm-3 new-item">
                            <span class="date">
                                <i class="glyphicon glyphicon-dashboard"></i>
                                09/05/2014
                            </span>
                            <h2>Bản tin số 4
                            </h2>
                            <p>
                                Hiệu chỉnh chức năng giao thu, cảnh báo khi tổng số tiền giao trong các biên bản lớn hơn số tiền đặt cọc của TNV.
                                (Hiện nay chương trình chưa ràng buộc được số tiền giao cho thu ngân viên lưu động, đại lý không được vượt quá số phần trăm được giao thu của tất cả các biên bản mà hiện nay chương trình chỉ ràng buộc từng biên bản giao thu, điều nay chưa đúng đề nghị chỉnh lại cho tất cả các biên bản giao thu cho thu ngân viên đó.)
                            </p>
                            <a class="read-more" href="#">Read more
                            </a>
                        </div>
                        <!--end new-item -->
                    </div>
                </div>
                <!--end new-list -->

            </div>
            <!--end container-->
        </div>
        <!--end content-->
    </section>


    <section class="footer">
        <div class="footer-custom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="title">
                            <h3>About us</h3>
                            <div class="line"></div>
                        </div>
                        <div class="content">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="title">
                            <h3>Contact</h3>
                            <div class="line"></div>
                        </div>
                        <div class="content">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="title">
                            <h3>Twitter</h3>
                            <div class="line"></div>
                        </div>
                        <div class="content">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="title">
                            <h3>FaceBook</h3>
                            <div class="line"></div>
                        </div>
                        <div class="content">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-links">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <h3></h3>
                    </div>
                    <div class="col-sm-3">
                        <h3></h3>
                    </div>
                    <div class="col-sm-3">
                        <h3></h3>
                    </div>
                    <div class="col-sm-3">
                        <h3></h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--end footer -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/Main.js"></script>
</body>
</html>
